<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      >

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_MaximoMinimo')}"/>
    </f:metadata>

    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">
                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="950"/>
                    <ui:param name="toolBarTitleWidth" value="900"/>
                    <ui:param name="title" value="Consulta M&aacute;ximo y M&iacute;nimos"/>
                </ui:include>
                <div align="left">

                    <p:panel style="width: 950px" header="1. Informaci&oacute;n M&aacute;ximo y M&iacute;nimo de Materiales" >
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
                        <h:form id="Step1" style="width: inherit">
                            <p:panel style="width: inherit" header="M&aacute;ximo y M&iacute;nimo" toggleable="false" >
                                <f:facet name="header">
                                    <h:panelGrid id="pMax" columns="7">

                                        <h:outputText value="Ver M&aacute;ximo"/>
                                        <h:selectBooleanCheckbox value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.flag_maximo}" id="optMaximo" title="Ver M&aacute;ximo" style="width: 25px" >
                                            <p:ajax listener="#{consultaMaxMinManaged.flagVisible_Max}" update="optMaximo optMinimo optNegativo" />
                                        </h:selectBooleanCheckbox>

                                        <h:outputText value="Ver M&iacute;nimo"/>
                                        <h:selectBooleanCheckbox value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.flag_minimo}"  id="optMinimo" title="Ver M&iacute;nimo" style="width: 25px" >
                                            <p:ajax listener="#{consultaMaxMinManaged.flagVisible_Min}" update="optMaximo optMinimo optNegativo" />
                                        </h:selectBooleanCheckbox>

                                        <h:outputText value="Ver Negativos"/>
                                        <h:selectBooleanCheckbox value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.flag_negativo}" id="optNegativo" title="Ver Negativos" style="width: 25px" >
                                            <p:ajax listener="#{consultaMaxMinManaged.flagVisible_Negativo}" update="optMaximo optMinimo optNegativo" />
                                        </h:selectBooleanCheckbox>
                                    </h:panelGrid>
                                </f:facet>
                                <h:panelGrid id="pProducto" columns="4">
                                    <h:outputText value="Sucursal"/>
                                    <h:selectOneMenu id="sucursal" value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.codigo_s}" style="width: 200px">
                                        <f:selectItems value="#{consultaMaxMinManaged.sucursales}" var="s" itemLabel="#{s.nombre_s}" itemValue="#{s.codigo_s}" />
                                    </h:selectOneMenu>
                                    <h:selectBooleanCheckbox value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.flag_Sucursal}" title="Filtrar por Sucursal" style="width: 25px" />
                                    <h:outputText value="Filtrar"/>

                                    <h:outputText value="Categor&iacute;a"/>
                                    <h:selectOneMenu id="cmbCategoria" value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.id_cat}" style="width: 200px">
                                        <f:selectItems value="#{consultaMaxMinManaged.categorias}" var="cat" itemLabel="#{cat.nombre_cat}" itemValue="#{cat.id_cat}" />
                                        <p:ajax listener="#{consultaMaxMinManaged.llenarSubCategorias}" update="cmbSubCategoria"/>
                                    </h:selectOneMenu>                                    
                                    <h:selectBooleanCheckbox value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.flag_Categoria}"  id="optCategoria" title="Ver M&iacute;nimo" style="width: 25px" />
                                    <h:outputText value="Filtrar"/>

                                    <h:outputText value="Sub Categor&iacute;a"/>
                                    <h:selectOneMenu id="cmbSubCategoria" value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.id_su}" style="width: 200px" >
                                        <f:selectItems value="#{consultaMaxMinManaged.subCategorias}" var="scc" itemLabel="#{scc.nombre_su}" itemValue="#{scc.id_su}" />
                                    </h:selectOneMenu>                                    
                                    <h:selectBooleanCheckbox value="#{consultaMaxMinManaged.selectedEncaMaximoMinimo.flag_SubCategoria}"  id="optSubCategoria" title="Ver M&iacute;nimo" style="width: 25px" />
                                    <h:outputText value="Filtrar"/>
                                </h:panelGrid>

                            </p:panel>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                    <p:commandButton value="#{sms.buscar}" actionListener="#{consultaMaxMinManaged.fillGrid}" update="Step1:Table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 Step2 mensaje"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporte.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="Table" value="#{consultaMaxMinManaged.maximoMinimos}" var="row" rows="20"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaMaxMinManaged.selectedDetaMaximoMinimo}"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Productos"/>
                                </f:facet>
                                <p:column headerText="Catego&iacute;a" style="width: 25px" sortBy="#{row.nombre_cat}" filterBy="#{row.nombre_cat}" filterMatchMode="contains">
                                    <h:outputText value="#{row.nombre_cat}" style="width: 25px" />
                                </p:column>
                                <p:column headerText="Sub Categor&iacute;a" style="width: 25px" sortBy="#{row.nombre_su}" filterBy="#{row.nombre_su}" filterMatchMode="contains">
                                    <h:outputText value="#{row.nombre_su}" style="width: 25px" />
                                </p:column>
                                <p:column headerText="Producto" sortBy="#{row.nombre_m}" filterBy="#{row.nombre_m}" filterMatchMode="contains" style="width: 350px">
                                    <h:outputText value="#{row.nombre_m}" style="width: 350px" />
                                </p:column>
                                <p:column headerText="Min" style="width: 15px">
                                    <h:outputText value="#{row.minimo_dm}" style="width: 15px" />
                                </p:column>
                                <p:column headerText="Max" style="width: 15px">
                                    <h:outputText value="#{row.maximo_dm}" style="width: 15px" />
                                </p:column>
                                <p:column headerText="Existencia" style="width: 25px">
                                    <h:outputText value="#{row.existencia_dm}" style="width: 25px" />
                                </p:column>
                            </p:dataTable>
                        </h:form>

                        <h:form id="dialogs">
                            <p:confirmDialog message="#{sms.iReporte}" header="#{sms.reporte}" severity="alert" widgetVar="cmdReporte">
                                <p:commandButton value="Si" oncomplete="cmdReporte.hide()" actionListener="#{consultaMaxMinManaged.generarReporte}" update="mensaje" />
                                <p:commandButton value="No" onclick="cmdReporte.hide()" />
                            </p:confirmDialog>
                        </h:form>
                    </p:panel>

                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>